<!DOCTYPE HTML>
<html>
<head>
<script language=javascript>
<!--
function getRef(id) {
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
//-->
</script>
<meta id="MetaDescription" content="" name="description">
<meta id="MetaKeywords" content="" name="keywords">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="en" name="language">

   	<link rel="stylesheet" href="dualSlider/css/jquery.dualSlider.0.2.css" text="text/css" media="all" />
    <link rel="stylesheet" href="dualSlider/css/clearfix.css" text="text/css" media="all" />
    <link rel="stylesheet" href="dualSlider/css/style.css" text="text/css" media="all" />
    <link rel="stylesheet" href="dualSlider/css/reset.css" text="text/css" media="all" />
    <link rel="stylesheet" href="dualSlider/css/fonts.css" text="text/css" media="all" />
    
    <script type="text/javascript" src="dualSlider/scripts/jquery.easing.1.3.js"> </script>
    <script type="text/javascript" src="dualSlider/scripts/jquery.timers-1.2.js"> </script>
    <script type="text/javascript" src="dualSlider/scripts/jquery-1.3.2.min.js"> </script>
    <script type="text/javascript" src="dualSlider/scripts/jquery.dualSlider.0.3.min.js"> </script>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript" src="jquery-ui-1.8.20.custom.min.js"></script>
    <script type="text/javascript" src="accordion/javascript/accordion.js"></script>
    <script type="text/javascript" src="accordion/javascript/effects.js"></script>
    <script type="text/javascript" src="fancyapps-fancyBox-2.0/source/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="fancyapps-fancyBox-2.0/source/helpers/jquery.fancybox-thumbs.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
			$(".carousel").dualSlider({
				auto:true,
				autoDelay: 6000,
				easingCarousel: "swing",
				easingDetails: "easeOutBack",
				durationCarousel: 1000,
				durationDetails: 600
			});
		});
</script>
<title>260 Studio</title>
</head>
<body>
<script language="JavaScript">
var isDOM = (document.getElementById ? true : false); 
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
var isNS = navigator.appName == "Netscape";

function moveRightEdge() {
var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;

if (isNS4) {
yMenuFrom = divMenu.top;
yMenuTo = windows.pageYOffset + 100; // 위쪽 위치
} else if (isDOM) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop) + 100; // 위쪽 위치
}
timeoutNextCheck = 500;

if (yMenuFrom != yMenuTo) {
yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 10);
if (yMenuTo < yMenuFrom)
yOffset = -yOffset;
if (isNS4)
divMenu.top += yOffset;
else if (isDOM)
divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("moveRightEdge()", timeoutNextCheck);
}
//-->
</script>

<script language=javascript>
<!--
if (isNS4) {
var divMenu = document["divMenu"];
divMenu.top = top.pageYOffset + 0;
divMenu.visibility = "visible";
moveRightEdge();
} else if (isDOM) {
var divMenu = getRef('divMenu');
divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 0;
divMenu.style.visibility = "visible";
moveRightEdge();
}
//-->
</script>
		<div class="carousel clearfix">
			<div class="panel">
				<div class="details_wrapper">
					<div class="details" style="width: 198000px; margin-left: 0px;">
						<div class="detail"  style="margin-left: -225px;">
							<h2 class="Lexia-Bold"><a href="#">Dolor sit amet</a> Cum sociis natoque penatibus et magnis dis parturient montes</h2><a href="#" title="Read more" class="more">Read more</a>
                            </div><!-- /detail -->
						<div class="detail">
							<h2 class="Lexia-Bold"><a href="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit. </h2>
							<a href="#" title="Read more" class="more">Read more</a>
						</div><!-- /detail -->
						<div class="detail">
							<h2 class="Lexia-Bold"><a href="#">Aenean massa</a>. Cum sociis natoque penatibus et magnis dis parturient montes</h2>
							<a href="#" title="Read more" class="more">Read more</a>
						</div><!-- /detail -->
					</div><!-- /details -->
				</div><!-- /details_wrapper -->
				<div class="paging">
                    <div id="numbers">
						<a class="link1" href="javascript:void(0)" title="Go to page 1 " rel="1">1</a>
						<a class="link2" href="javascript:void(0)" title="Go to page 2 " rel="2">2</a>
						<a class="link3 selected" href="javascript:void(0)" title="Go to page 3 " rel="3">3</a>
					</div>
					<a href="javascript:void(0);" class="previous" title="Previous" >Previous</a>
					<a href="javascript:void(0);" class="next" title="Next">Next</a>
				</div><!-- /paging -->
				<a href="javascript:void(0);" class="play" title="Turn on autoplay" style="display:block">Play</a>
				<a href="javascript:void(0);" class="pause" title="Turn off autoplay" style="display:none">Pause</a>
			</div><!-- /panel -->
            
			<div class="backgrounds" style="width: 3620px; margin-left: 0px;">
				<div class="item item_3" style="margin-left: -880px;"> </div>
					<div class="item item_1">
						<object width="604" height="340">
							<param value="true" name="allowfullscreen">
							<param value="always" name="allowscriptaccess">
							<param value="http://vimeo.com/moogaloop.swf?clip_id=10930565&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&fullscreen=1" name="movie">
							<embed width="604" height="340" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id=10930565&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&fullscreen=1">
						</object>
					</div>
				<div class="item item_2">
					<object width="604" height="340">
						<param value="true" name="allowfullscreen">
						<param value="always" name="allowscriptaccess">
						<param value="http://vimeo.com/moogaloop.swf?clip_id=12257932&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00ADEF&fullscreen=1" name="movie">
						<embed width="604" height="340" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id=12257932&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00ADEF&fullscreen=1">
					</object>
				</div>
			<div class="item item_3"> </div>
			<div class="item item_1">
				<object width="604" height="340">
					<param value="true" name="allowfullscreen">
					<param value="always" name="allowscriptaccess">
					<param value="http://vimeo.com/moogaloop.swf?clip_id=10930565&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&fullscreen=1" name="movie">
					<embed width="604" height="340" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id=10930565&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&fullscreen=1">
</object>
</div>
     	</div><!-- /backgrounds -->
	</div><!-- /carousel -->

</body>
</html>
